<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-store,no-cache">
		<meta name="Handheldfriendly" content="true">
		<meta name="keywords" content="多多 保险">
		<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
		<link rel="stylesheet" href="css/default.min.css" />
		<link href="css/index_common.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
		<!--[if lt IE 9]>
			<script src="js/bootstrap/js/html5shiv.js"></script>
			<script src="js/bootstrap/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="screen-width">
		<div class="nav-header">
			<div class="screen-width header fixed-container">
				<div class="logo"></div>
				<div class="btns">
					<ul>
						<li>关于</li>
						<li>帮助</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<section>
				<div class="screen-width sec-one">
					<div class="fixed-container">
						<div class="txt-container">
							<div class="txt-content">
								<h1>保险专版</h1>
								<h2><hr />轻量化营销管理，不止于此</h2>
								<span>开启全新营销团队运作模式</span>
								<span>不论身处何地,全面了解团队工作状况</span>
								<span>摆脱低效,为业绩增长提速</span>
							</div>
							<div class="btn-content">
								<span class="btn-ios"></span>
								<span class="btn-android"></span>
							</div>
						</div>
						<div class="poto-container">
							<img src="http://duoduowebsite.oss-cn-hangzhou.aliyuncs.com/sec-one-phone.png" />
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="screen-width sec-two">
					<div class="fixed-container">
						<div class="txt-container txt-con1">
							<div class="txt-content">
								<h1>个人随身客户笔记</h1>
								<h2>私有客户信息云端存储，永不丢失</h2>
								<!--<span>多多携手第三方云存储服务提供商，保障您的数据安全.</span>-->
								<span>多多携手阿里云，为您搭建专属私有云，安全数据同步，避免因记事本丢失导致的客户流失。</span>
							</div>
						</div>
						<div class="split"></div>
						<div class="txt-container txt-con2">
							<div class="txt-content">
								<h1>为保险从业人员量身打造</h1>
								<h2>成功经纪人的工作习惯融入其中</h2>
								<span>随时完善客户信息、及时添加沟通记录、客户状态记录并追踪、选择正确时间点跟进客户，在工作中养成必要的成功习惯.</span>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--<section>
				<div class="screen-width sec-three">

				</div>
			</section>-->
			<section>
				<div class="screen-width sec-four">
					<div class="fixed-container">
						<div class="poto-container">

						</div>
						<div class="txt-container">
							<div class="txt-content">
								<h1>智能提醒，解放记忆</h1>
								<h2>保持专注，将精力集中在搞定客户上</h2>
								<span>客户生日提醒、续保提醒、沟通提醒，还有自定义提醒不忘所有关键节点</span>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="screen-width sec-five">
					<div class="fixed-container">
						<div class="txt-container">
							<div class="txt-content">
								<h1>全新团队管理理念</h1>
								<h2>游戏化设计，全新团队激励方式</h2>
								<span>通过团队成员的业绩状态排名实时呈现，进行团队激励</span>
							</div>
						</div>
						<div class="poto-container">

						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="screen-width sec-six">
					<div class="fixed-container">
						<div class="poto-container">

						</div>
						<div class="txt-container">
							<div class="txt-content">
								<h1>团队状态尽皆掌握</h1>
								<h2>注重结果，把握过程</h2>
								<h2>成为高效团队领导者</h2>
								<span>根据团队成员客户状态的统计数据进行分析，获得团队动态数据，科学管理团队</span>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--<section>
				<div class="screen-width sec-seven">
					<p>金融领域销售精英的共同选择</p>
					<p>
						<input type="text" style="line-height: 56px;" placeholder="请输入您的手机号码，我们将给您发送下载链接" />
						<input type="button" value="发送" />
					</p>

				</div>
			</section>-->
		</div>
		<div class="screen-width footer">
			<div class="footer-contact">
				<span>
					<div class="contact-qq"><div><em class="ico">QQ群：89014828</em></div></div>
					<div class="contact-wx"><div><em class="ico">微信公众号（开通中）</em></div></div>
					<div class="contact-qrcode"><div><!--<em class="ico"></em>--></div></div>
				</span>
			</div>
			<ul class="footer-copyright">
				<em>&copy; 上海星佑网络科技有限公司</em>
				<em class="footer-copyright-split">|</em>
				<em>上海市虹口区大连路535号创富大厦3楼</em>
				<em class="footer-copyright-mail">联系邮箱:<a href="Mailto:Support@mdg-app.com">Support@mdg-app.com</a></em>
				<br />
				<em>- 沪ICP备15023434号 -</em>
			</ul>
		</div>
	</body>
	<script src="js/jQuery/jquery-1.11.2.min.js"></script>
	<script src="js/lib/JPlaceHolder.js"></script>
	<script>
		$(function() {
			//if (window.screen.width > 1024) {
			setWindowSize();
			//}
			if (!+"/v1" && !document.querySelector) { // for IE6 IE7  
				document.body.onresize = function() {
					JPlaceHolder&&JPlaceHolder.init();
					setWindowSize();
				};
			} else {
				window.onresize = function() {
					setWindowSize();
				};
			}
		});
		/**
		 * @description 根据屏幕分辨率，设置部分需要动态调整样式位置的元素
		 */
		function setWindowSize() {
			var w = $('.screen-width').width();
			$('.sec-one .poto-container img').css({
				//屏幕宽度减掉默认宽度除以2，得到默认宽度距左边距，加上558调整位置
				'left': (w - 1024) / 2 + 1024 - 513 + 'px'
			}).fadeIn();
			var left = (w - 1024) / 2 + 1;
			/*$('.header .logo').css({
				'background': 'url(images/logo.png) ' + left + 'px center， url(images/myself.png) ' + (left + 120) + 'px center',
				'background-repeat': 'no-repeat'
			});*/
			left = w < 1280 ? -150 : (w - 1280) / 2;
			$('.sec-two').css({
				'background': 'url(http://duoduowebsite.oss-cn-hangzhou.aliyuncs.com/sec-tow-bg.png) ' + left + 'px 150px， url(http://duoduowebsite.oss-cn-hangzhou.aliyuncs.com/sec-three-bg.png) center 480px',
				'background-repeat': 'no-repeat'
			});
		}
	</script>

</html>